import React from 'react';
import img1 from '../../img/图钉.png';
import img2 from '../../img/u1717.png';
import img3 from '../../img/u1727.png';
import img4 from '../../img/u1803.png';
import img5 from '../../img/u1825.png';
import img6 from '../../img/u1826.png';
import img7 from '../../img/u1827.png';
import './xianzhi.less';
import { ChatO } from '@react-vant/icons';

export default function Remen() {
  return (
    <div className="xianzhi">
      {/* 热门标题 */}
      <div className="xianzhi-ding1">
        <div className="xianzhi-ding-biaoqian">
          <img src={img1} alt="" style={{ height: '27px' }} />
          <span>请注意甄别消息真实性，谨防被骗</span>
        </div>
        <hr />
      </div>
      <div>
        {/* 热门内容 */}
        <div className="xianzhi-content">
          {/* 热门内容上 */}
          <div className="xianzhi-content-top">
            <span>闲置锤目纹玻璃杯换OMINI币</span>
          </div>
          {/* 热门内容中 */}
          <div className="xianzhi-content-zhong">
            {/* 热门内容中左 */}
            <div className="letf">
              <a href="#">
                闲置很久的杯子,特别喜欢就一直看着没用。现在出啦,25OMINI币即可带走~
                先到先得~
              </a>
            </div>
            {/* 热门内容中右 */}
            <div className="right">
              <img src={img2} alt="" />
            </div>
          </div>
          {/* 热门内容下 */}
          <div className="xianzhi-content-xia">
            {/* 热门内容下左 */}
            <div className="xianzhi-content-xia-zuo">
              <img src={img3} alt="" />
              <span>OMINI.BASS</span>
            </div>
            {/* 热门内容下右 */}
            <div className="xianzhi-content-xia-you">
              <ChatO />
              <span>25684</span>
            </div>
          </div>
        </div>
        <hr />
      </div>
      <div>
        {/* 热门内容 */}
        <div className="xianzhi-content">
          {/* 热门内容上 */}
          <div className="xianzhi-content-top">
            <span>闲置锤目纹玻璃杯换OMINI币</span>
          </div>
          {/* 热门内容中 */}
          <div className="xianzhi-content-zhong1">
            <img src={img4} alt="" />
            <img src={img5} alt="" />
            <img src={img6} alt="" />
          </div>
          {/* 热门内容下 */}
          <div className="xianzhi-content-xia1">
            {/* 热门内容下左 */}
            <div className="xianzhi-content-xia-zuo1">
              <img src={img3} alt="" />
              <span>OMINI.BASS</span>
            </div>
            {/* 热门内容下右 */}
            <div className="xianzhi-content-xia-you1">
              <ChatO />
              <span>25684</span>
            </div>
          </div>
        </div>
        <hr />
      </div>
    </div>
  );
}
